小程序官方API:

1：加载本地文件夹图片

2:加载服务器图片

wxml:

js:

Page({  data: {    imageUrl: "http://www.intmote.com/timg.jpg",      },

或者直接在wxml写代码：

3：给小程序页面加载一张背景图片

方法一：

使用背景图片的时候用网络图片，就是用外链的形式，比如你将这张图片放到你的服务器，如：；

方法二：

将背景图片使用编码base64进行转换，可以在这个网址进行 转换，如：background-image: url("转换后得到的编码文本")，如果多次使用的话可以将该值设置为全局变量，再在js文件进行引用即可；

详见上一篇博客：

注：

原文作者：祈澈姑娘技术博客：

90后前端妹子，爱编程，爱运营，爱折腾。

坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

关注「编程微刊」公众号 ，在微信后台回复「领取资源」，获取IT资源300G干货大全。

公众号回复“1”，拉你进程序员技术讨论群.